const path=require("path")

// 单入口  单出口
module.exports={
    context:path.join(__dirname,"./src") ,
    entry:"./js/main.js", 
    output:{
        path:path.join(__dirname,"./dist"),
        filename:"bundle.js",
    }, 

 
  
    module:{
        rules:[
            {
                test:/\.css$/,// 正则配置识别css后缀名
                use:["style-loader","css-loader"],//加载器从后往前加载。先识别css代码，然后再把css代码放到html中

                //css-loader解析css语法
                //style-loader是把css代码追加到html页面
            }


        ]  //rules//尺子 规则


    } //加载器配置






    // plugins: 插件配置
    // mode: 项目环境类型：生产production（上线所需环境）环境和开发development（开发代码所需）环境

}



